<template>
  <div class="company">
    <el-form
      :model="panyForm"
      label-width="100px"
      size="mini"
    >
      <el-form-item :label="$t('market.nowCloseDate')">
        <el-input v-model.trim="panyForm.nowCloseDate" disabled />
      </el-form-item>
      <el-form-item :label="$t('market.nowRecDate')">
        <el-input v-model.trim="panyForm.nowRecDate" disabled />
      </el-form-item>
      <el-form-item :label="$t('market.nowpayDate')">
        <el-input v-model.trim="panyForm.nowPayDate" disabled />
      </el-form-item>
      <el-form-item :label="$t('market.nowMaintainDate')" label-width="120px">
        <el-input v-model.trim="panyForm.nowMaintainDate" disabled />
      </el-form-item>
      <el-form-item :label="$t('market.nowSettleDate')">
        <el-input v-model.trim="panyForm.nowSettleDate" disabled />
      </el-form-item>
    </el-form>
  </div>
</template>
<script>
import { queryCompanyConfigDataRow } from '@/api/basicManagement/company'
export default {
  name: 'Company',
  data() {
    return {
      panyForm: {
        nowCloseDate: '',
        nowMaintainDate: '',
        nowSettleDate: ''
      }
    }
  },
  created() {
    // 详情
    this.queryCompany()
  },
  methods: {
    // 详情
    queryCompany() {
      queryCompanyConfigDataRow({}).then(res => {
        if (res.code === 0) {
          this.panyForm = res.data
        } else {
          this.$confirm(res.message, '提示', {
            confirmButtonText: '确定',
            cancelButtonText: '取消',
            type: 'error'
          })
        }
      })
    }
  }
}
</script>

<style scoped lang="scss">
.company {
  margin-top: 5px;
  .el-input::v-deep .el-input__inner {
    height: 30px;
    line-height: 30px;
  }
  .el-form {
    display: flex;
    flex-wrap: wrap;
    .el-form-item {
      width: 270px;
      margin-bottom: 3px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
  }
}
</style>
